<!-- 审核 -->
<template>
  <div class="box-content">
    <div class="basic-box">
      <div class="box-left" :style="{ width: leftWidth + '%' }">
        <handle />
      </div>
      <div class="box-right" :style="{ width: rightWidth + '%' }">
        <i @click="changeWidth" :class="iocnClass" class="suncnui"></i>
        <div class="form">
          <a-form-model
            ref="ruleForm"
            :model="form"
            :rules="rules"
            :label-col="{ span: 6 }"
            :wrapper-col="{ span: 18 }"
          >
            <a-form-model-item label="审核意见">
              <a-radio-group v-model="form.strCheckResultState">
                <a-radio :value="1">立案</a-radio>
                <a-radio :value="0">不予立案</a-radio>
              </a-radio-group>

              <div>
                <a-checkbox> 重点提案 </a-checkbox>
                <a-checkbox> 优秀提案 </a-checkbox>
                <a-checkbox> 由承办系统分发 </a-checkbox>
              </div>
            </a-form-model-item>
            <a-form-model-item label="承办系统">
              <a-input />
            </a-form-model-item>
            <div v-if="form.strCheckResultState">
              <a-form-model-item label="办理类型">
                <a-radio-group v-model="form.status">
                  <a-radio value="1">主办</a-radio>
                  <a-radio value="2">分办</a-radio>
                  <a-radio value="3">主会办</a-radio>
                </a-radio-group>
              </a-form-model-item>
              <a-form-model-item label="主办单位">
                <a-input />
              </a-form-model-item>
              <a-form-model-item label="会办单位">
                <a-input />
              </a-form-model-item>

              <a-form-model-item label="是否公开">
                <a-radio-group v-model="form.status">
                  <a-radio value="1">是</a-radio>
                  <a-radio value="2">否</a-radio>
                </a-radio-group>
              </a-form-model-item>
            </div>
            <a-form-model-item v-else label="提案去向">
              <a-radio-group v-model="form.status">
                <a-radio value="1">退回</a-radio>
                <a-radio value="2">转社情民意</a-radio>
                <a-radio value="2">转委员来信</a-radio>
                <a-radio value="2">转大会发言</a-radio>
                <a-radio value="2">其他方式</a-radio>
              </a-radio-group>
            </a-form-model-item>
            <a-form-model-item label="短信提醒">
              <a-switch
                checked-children="开"
                un-checked-children="关"
                default-checked
              />
            </a-form-model-item>

            <a-form-model-item label="具体意见" prop="suggestions">
              <a-textarea
                placeholder="请输入具体意见"
                :rows="4"
                style="height: 100px"
              />
            </a-form-model-item>
          </a-form-model>
          <div class="form-footer">
            <a-button type="primary" @click="handleAduit"> 提交审核 </a-button>
            <a-button style="margin-left: 14px" @click="$router.back()">
              暂存
            </a-button>
            <a-button style="margin-left: 14px" @click="$router.back()">
              返回
            </a-button>
          </div>
        </div>
      </div>
    </div>
    <choice-modal :visible.sync="choiceVisible" />
  </div>
</template>

<script>
import handle from './handle'
import choiceModal from 'components/base/choiceModal'
import changeWidth from 'mixins/change-width'
export default {
  components: { handle, choiceModal },
  data() {
    return {
      id: '',
      records: {},
      form: {
        status: '1',
        suggestions: '',
        strCheckResultState: 1
      },
      rules: {
        status: [{ required: true, trigger: 'change' }]
      },
      choiceVisible: false,
    }
  },
  mixins: [changeWidth],
  computed: {},
  watch: {},
  mounted() {},
  methods: {
    //审核确定回调
    handleAduit() {},
  },
  created() {}
}
</script>
<style lang='less' scoped>
.form {
  position: relative;
  height: 100%;
  overflow-y: auto;
  /deep/.ant-form-item {
    padding: 0px 30px 15px 0px;
  }
  /deep/.ant-form-item label {
    color: #919191;
  }
}
.form-footer {
  position: absolute;
  padding: 15px 0;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.box-right {
  overflow: initial;
  padding: 0;
  transition: width 1s;
}
.box-left {
  padding: 0;
  transition: width 1s;
}
.suncnui {
  height: 30px;
  line-height: 30px;
  background: @base-color;
  padding: 0 18px;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 60px;
  position: absolute;
  top: 0px;
  left: -60px;
}
</style>